<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8" http-equiv="Content-Type" content="text/html;">
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="${album.name!''},${album.name!''}专辑">
    <meta name="description"
          content="${album.name!''}作品专辑,${album.name!''}音乐作品,${album.name!''}DJ舞曲,${album.name!''} 舞曲MP3下载">
    <meta name="mobile-agent" content="format=html5;url=http://m.djxibo.com/djxibo-portal/html/album/${album.id?c}_1.html">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="baidu-site-verification" content="0eKfljMIN5">
    <title>${album.name!''} 作品专辑-DJ细波音乐网 www.djxibo.com</title>
    <link rel="shortcut icon" href="http://www.vvvdj.com/favicon.ico">
    <script src="../../plugins/jquery-3.4.1/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="../../plugins/js-cookie/src/js.cookie.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="../../plugins/layui/layui.js"></script>
    <link rel="stylesheet" href="../../plugins/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="../../css/common.css">
    <link rel="stylesheet" type="text/css" href="../../plugins/element-ui/lib/theme-chalk/index.css">
    <script type="text/javascript" src="../../plugins/vue-2.6.11/dist/vue.min.js"></script>
    <script type="text/javascript" src="../../plugins/element-ui/lib/index.js"></script>
    <script type="text/javascript" src="../../plugins/axios-master/dist/axios.min.js"></script>
</head>
<body>
<!--头部-->
<div id="head">
    <div id="head_top">
        <div class="h15"></div>
        <ul>
            <li id="logo">
                <a href="/" title="DJ细波"><img
                            src="../../img/logo.gif"></a>
            </li>
            <#--<li id="search2">
                <div>
                    <el-input placeholder="请输入搜索关键字" v-model="keyword" class="input-with-select">
                        <el-select v-model="searchType" slot="prepend" placeholder="请选择">
                            <el-option label="音乐" value="1"></el-option>
                            <el-option label="专辑" value="2"></el-option>
                            <el-option label="音乐人" value="3"></el-option>
                        </el-select>
                        <el-button slot="append" icon="el-icon-search" style="width: 33px" @click="search"></el-button>
                    </el-input>
                </div>
            </li>-->
            <li id="search2">
                <div>
                    <el-select v-model="searchType" slot="prepend" placeholder="请选择" value="1">
                        <el-option label="音乐" value="1"></el-option>
                        <el-option label="专辑" value="2"></el-option>
                        <el-option label="音乐人" value="3"></el-option>
                        <el-option label="歌单" value="4"></el-option>
                    </el-select>
                    <el-autocomplete
                            v-model="keyword"
                            :fetch-suggestions="querySearchAsync"
                            placeholder="请输入搜索关键字"
                            @select="handleSelect"
                            class="input-with-select"
                            style="width: 260px;margin-left: 90px;margin-top: -40px;"
                    ></el-autocomplete>
                    <el-button
                            slot="append"
                            icon="el-icon-search"
                            style="width: 33px;
                                    float: right;
                                    margin-right: -122px;
                                    margin-top: -40px;
                                    background-color: #1f2432;
                                    border: 1px solid;"
                            @click="search">
                    </el-button>
                </div>
            </li>
            <li id="login">
                <ul class="layui-nav head_nav" v-if="user.avatarUrl === undefined">
                    <li class="layui-nav-item">
                        <a href="">串烧订做</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="">车载U盘</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:void(0)" onclick="popUp()">注册/登录</a>

                    </li>
                </ul>
                <ul class="layui-nav head_nav" v-if="user.avatarUrl !== undefined">
                    <li class="layui-nav-item">
                        <a href="">串烧订做</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="">车载U盘</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="">消息<span class="layui-badge">0</span></a>
                    </li>
                    <li class="layui-nav-item" lay-unselect="">
                        <a href="javascript:;"><img :src="user.avatarUrl" class="layui-nav-img">我</a>
                        <dl class="layui-nav-child" id="u_dl">
                            <dd><a href="user.html" target="_blank">个人中心</a></dd>
                            <dd><a href="javascript:;">设置</a></dd>
                            <dd><a href="javascript:;" @click="logout">退出</a></dd>
                        </dl>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="h10"></div>
</div>
<!--头部结束-->

<!--导航-->
<div id="top_nav">
    <div id="top_list">
        <table border="0" cellspacing="0" cellpadding="0" id="nav_list">
            <tr>
                <td id="home"><a href="/">网站首页</a></td>
                <#if (navMenuList?size>0)>
                    <#list navMenuList as nav>
                        <td class="nav_td"><a href="${nav.url!''}">${nav.dictValue!''}</a></td>
                    </#list>
                </#if>
            </tr>
        </table>
    </div>
</div>
<!--导航结束-->
<!--body-->
<div class="index_body" id="album_app">
    <div class="h10"></div>
    <div class="body_2">
        <div class="body_content">
            <!--位置-->
            <div class="location">
                <table width="100%" border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                    <tr>
                        <td style="width: 36px">
                            <div class="layui-icon layui-icon-location" style="font-size: 28px;color: #cccccc">

                            </div>
                        </td>
                        <td>
                            <div class="location_t">目前位置：<a href="h" target="_blank">DJ细波音乐网</a> &gt;
                                <a href="/djxibo-portal/html/album/${album.id?c}_1.html" title="${album.name!''}专辑页"
                                   target="_blank">${album.name!''}专辑页</a> &gt;
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <img src="../../img/top.gif" width="100%">
        </div>
    </div>
    <div class="h10"></div>

    <div class="body_2">
        <!--位置结束-->
        <!--左-->
        <div class="list_left2">
            <div id="user_s_top" style="z-index: 1;background-color: rgba(0,0,0,0.3);">
                <table border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                    <tr>
                        <td><img
                                    src="${album.cover!''}">
                        </td>
                        <td>
                            <table border="0" cellpadding="0" cellspacing="0" id="user_s_top_t">
                                <tbody>
                                <tr>
                                    <td id="user_n">
                                        <span>${album.name!''}</span>
                                        <#--<a href="javascript:void(0);" @click="followClick(${album.id?c})"><span v-text="followMsg" :style="followStyle">关注</span></a>-->
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div style="color:#aaaaaa;">${album.name!''}热门专辑</div>
                                    </td>

                                </tr>
                                <tr>
                                    <td>
                                        <div style="color:#aaaaaa;">
                                            <#if (album.collectCount >= 10000)>
                                                <span>${(album.collectCount/10000)?string('#.#')}万收藏</span>
                                            </#if>
                                            <!--<el-divider direction="vertical" style="color: #aaaa"></el-divider>-->
                                            <#if (album.collectCount < 10000)>
                                                <span>${album.collectCount?c}收藏</span>
                                            </#if>
                                            <span style="color:#aaaa;">&nbsp; | &nbsp;</span>
                                            <#if (album.visitCount >= 10000)>
                                                <span>${(album.visitCount/10000)?string('#.#')}万人听过</span>
                                            </#if>
                                            <#if (album.visitCount < 10000)>
                                                <span>${album.visitCount?c}人听过</span>
                                            </#if>
                                        </div>
                                    </td>

                                </tr>
                                <tr>
                                    <td>
                                        <div></div>
                                    </td>

                                </tr>
                                <tr>
                                    <td>
                                        <el-button :type="followType" size="mini" round @click="follow('${album.id?c}')">{{followMsg}}</el-button>
                                        <el-button type="success" size="mini" round @click="like('${album.id?c}')">点赞</el-button>
                                        <el-button type="primary" size="mini" round @click="infoDialogVisible = true">资料</el-button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="top_class_lists">
                <div class="top_class_lists_l">
                    <p>
                        ${album.name!''}
                    </p>
                </div>
                <div class="top_class_lists_r">
                    <ul>
                        <li>
                            <a href="javascript:void(0);">
                                收藏排行
                            </a></li>
                        <li>
                            <a href="javascript:void(0);">
                                下载排行
                            </a></li>
                        <li>
                            <a href="javascript:void(0);">
                                人气排行
                            </a></li>
                        <li style="background-color: #FF5722">
                            <a href="javascript:void(0);">
                                最新上传
                            </a></li>
                    </ul>
                </div>
            </div>
            <table width="738" border="0" cellpadding="0" cellspacing="0" class="list_table">
                <tbody>
                <tr>
                    <th width="20"></th>
                    <th>舞曲名称</th>
                    <th width="90">发布时间</th>
                    <th width="80">人气</th>
                    <th width="110">操作</th>
                </tr>

                <#if (musicPage.records?size>0)>
                    <#list musicPage.records as music>
                        <tr>
                            <td><input type="checkbox" checked value="${music.id?c}"></td>
                            <td>
                                <div class="l_m_n">
                                    <li style="position: relative;"><a
                                                href="/djxibo-portal/html/musician/${music.musicianId?c}_1.html" target="_Pt"
                                                title="${music.stageName!''}"><img
                                                    src="${music.musicCover!''}"></a></li>
                                    <li class="l_m_n_t">
                                        <p class="p1"><a href="/djxibo-portal/html/play/${music.id?c}.html" target="_Pt"
                                                         title="${music.musicName!''}">${music.musicName!''}</a>
                                        </p>
                                        <#--<p class="p2">
                                            时间 ${music.howLong!''} &nbsp; 大小 ${music.musicSize!''} MB
                                            &nbsp;音质 ${music.downloadTone!''} Kbps
                                        </p>-->
                                        <p class="p2">
                                            时长 ${music.howLong!''} &nbsp; 风格 ${music.styleName!''} &nbsp;&nbsp; ${music.typeName!''}
                                            <span v-if="${music.isRecommend?c} == 1">
                                                <i class="el-icon-check"
                                                   style="font-weight: bold;margin-left: 10px;font-size: 16px;color: #42d885;">
                                                </i>
                                            </span>
                                        </p>
                                    </li>
                                </div>
                            </td>
                            <td style="text-align: center">${music.releaseTime!''}</td>
                            <#if (music.popularity >= 10000)>
                                <td style="text-align: center">${(music.popularity/10000)?string('#.#')}万</td>
                            </#if>
                            <#if (music.popularity < 10000)>
                                <td style="text-align: center">${music.popularity?c}</td>
                            </#if>
                            <td>
                                <#--<div class="contorl_menu_ico" style="text-align: center">
                                <span class="ico_down">
                                    <a href="javascript:void(0)" title="下载舞曲">
                                      <i class="layui-icon layui-icon-download-circle"
                                         style="font-size: 23px;" onclick="download(${music.id?c})"></i>
                                    </a>
                                </span>
                                    <!-- <span class="icocar" dataid="144416"><a href="javascript:void(0)"
                                                                             title="CD刻录"></a></span>&ndash;&gt;<span
                                            class="ico_like"><a
                                                href="javascript:"
                                                title="收藏舞曲" onclick="collectMusic(${music.id?c})">
                                <i class="layui-icon layui-icon-rate" style="font-size: 23px;"></i>
                            </a></span></div>-->
                                <div class="contorl_menu_ico" style="text-align: center">
                                <span class="ico_down">
                                    <a href="javascript:void(0)" title="下载舞曲">
                                      <i class="el-icon-download" style="font-size: 23px;" onclick="download(${music.id?c})"></i>
                                    </a>
                                </span>
                                    <!-- <span class="icocar" dataid="144416"><a href="javascript:void(0)"
                                                                             title="CD刻录"></a></span>-->
                                    <span
                                            class="ico_disk"><a
                                                href="javascript:"
                                                title="刻录CD或U盘">
                                <i class="el-icon-shopping-cart-2" style="font-size: 21px;"></i>
                            </a></span>
                                    <span
                                            class="ico_like"><a
                                                href="javascript:"
                                                title="音乐收藏" @click="handleBoxMusicCreate('${music.id?c}')">
                                <i class="el-icon-star-off" style="font-size: 21px;"></i>
                            </a></span>
                                </div>
                            </td>
                        </tr>
                    </#list>
                </#if>


                </tbody>
            </table>
            <div class="h10"></div>
            <div class="l_fenlei_d">
                <div class="l_p_f">
                    <ul>
                        <li style="float: left;margin-left: 0">
                            <input type="checkbox" name="selall" id="selall" checked>
                            <span style="font-size: 13px;margin-left: 5px; color: rgba(255, 255, 255, .7)">全选</span>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <i class="layui-icon layui-icon-triangle-r"
                                   style="color: #5eb95e;font-weight: bold"></i>
                                播放全部
                            </a></li>
                        <li>
                            <a href="javascript:void(0);">
                                <i class="layui-icon layui-icon-add-1"
                                   style="color: #5eb95e;font-weight: bold"></i>
                                加入播放
                            </a></li>
                    </ul>
                </div>
                <!--分页-->
                <div style="text-align: right; float: right">
                    <el-pagination small background layout="prev, pager, next, jumper" v-show="total>0" :total="total" :current-page.sync="listQuery.page" :page-size.sync="listQuery.pageSize" @current-change="getList"></el-pagination>
                </div>
            </div>


            <div class="h10"></div>
        </div>
        <!--右-->
        <#--<div class="music_right3">
            <!--广告图&ndash;&gt;
            <img src="http://dbdata.dj92cc.net/res/ad/300x250x1.gif" style="width: 220px;height: 200px">
            <div class="h10"></div>
            <div class="h10-3"></div>
            <div class="h10"></div>
            <div class="fenglei_r">
                <div class="fenleir_title3">
                    人气排行榜
                </div>
            </div>
            <div class="right_box">
                <div class="h10"></div>
                <div class="boxr_body">
                    <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                        <#if (popularityMusicianList?size>0)>
                            <#list popularityMusicianList as popularityMusician>
                                <tr>
                                    <td>
                                        <div class="music_s">
                                            <#if (popularityMusician_index < 9)>
                                                <span class="num_${popularityMusician_index+1}">0${popularityMusician_index+1}</span>
                                            </#if>
                                            <#if (popularityMusician_index >= 9)>
                                                <span class="num_${popularityMusician_index+1}">${popularityMusician_index+1}</span>
                                            </#if>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="musician_r">
                                            <div style="position: relative;"><a
                                                        href="/djxibo-portal/html/musician/${popularityMusician.id?c}_1.html"
                                                        target="_Pt" title="${popularityMusician.stageName!''}"><img
                                                            src="${popularityMusician.avatarUrl!''}"></a>
                                            </div>
                                            <div class="musician_r_t">
                                                <p class="p1"><a href="/djxibo-portal/html/musician/${popularityMusician.id?c}_1.html"
                                                                 target="_Pt"
                                                                 title="${popularityMusician.stageName!''}">${popularityMusician.stageName!''}</a>
                                                </p>
                                                <p class="p2">
                                                    <#if (popularityMusician.popularity >= 10000)>
                                                        人气：${(popularityMusician.popularity/10000)?string('#.#')}万
                                                    </#if>
                                                    <#if (popularityMusician.popularity < 10000)>
                                                        人气：${popularityMusician.popularity?c}
                                                    </#if>
                                                </p>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </#list>
                        </#if>
                    </table>
                </div>
            </div>
            <div class="h10"></div>
            <div class="h10-3"></div>
            <div class="h10"></div>
            <img src="/img/20200710.jpg" style="width: 220px;height: 200px">
            <div class="h10"></div>
            <div class="h10-3"></div>
            <div class="h10"></div>
            <div class="fenglei_r">
                <div class="fenleir_title3">
                    最近更新榜
                </div>
            </div>
            <div class="right_box">
                <div class="h10"></div>
                <div class="boxr_body">
                    <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                        <#if (musicUpdateMusicianList?size>0)>
                            <#list musicUpdateMusicianList as musicUpdateMusician>
                                <tr>
                                    <td>
                                        <div class="music_s">
                                            <#if (musicUpdateMusician_index < 9)>
                                                <span class="num_${musicUpdateMusician_index+1}">0${musicUpdateMusician_index+1}</span>
                                            </#if>
                                            <#if (musicUpdateMusician_index >= 9)>
                                                <span class="num_${musicUpdateMusician_index+1}">${musicUpdateMusician_index+1}</span>
                                            </#if>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="musician_r">
                                            <div style="position: relative;"><a
                                                        href="/djxibo-portal/html/musician/${musicUpdateMusician.id?c}_1.html"
                                                        target="_Pt" title="${musicUpdateMusician.stageName!''}"><img
                                                            src="${musicUpdateMusician.avatarUrl!''}"></a>
                                            </div>
                                            <div class="musician_r_t">
                                                <p class="p1"><a href="/djxibo-portal/html/musician/${musicUpdateMusician.id?c}_1.html"
                                                                 target="_Pt"
                                                                 title="${musicUpdateMusician.stageName!''}">${musicUpdateMusician.stageName!''}</a>
                                                </p>
                                                <p class="p2">
                                                    <#if (musicUpdateMusician.popularity >= 10000)>
                                                        人气：${(musicUpdateMusician.popularity/10000)?string('#.#')}万
                                                    </#if>
                                                    <#if (musicUpdateMusician.popularity < 10000)>
                                                        人气：${musicUpdateMusician.popularity?c}
                                                    </#if>
                                                </p>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </#list>
                        </#if>
                    </table>
                </div>
            </div>
        </div>-->
        <div class="music_right3">
            <!--广告图-->
            <img src="../../img/dingzuo.png" style="width: 220px;height: 200px">
            <div class="h10"></div>
            <div class="h10-3"></div>
            <div class="h10"></div>
            <div class="fenglei_r">
                <div class="fenleir_title3">
                    下载榜
                </div>
            </div>
            <div class="right_box">
                <div class="h10"></div>
                <div class="boxr_body">
                    <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                        <#if (downloadMusicList?size>0)>
                            <#list downloadMusicList as downloadMusic>
                                <tr>
                                    <td>
                                        <div class="music_s">
                                            <#if (downloadMusic_index < 9)>
                                                <span class="num_${downloadMusic_index+1}">0${downloadMusic_index+1}</span>
                                            </#if>
                                            <#if (downloadMusic_index >= 9)>
                                                <span class="num_${downloadMusic_index+1}">${downloadMusic_index+1}</span>
                                            </#if>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="music_p">
                                            <p><a href="/djxibo-portal/html/play/${downloadMusic.id?c}.html" target="_Pt">${downloadMusic.name!''}</a>
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                            </#list>
                        </#if>
                    </table>
                </div>
            </div>
            <div class="h10"></div>
            <div class="h10-3"></div>
            <div class="h10"></div>
            <img src="../../img/dingzuo.png" style="width: 220px;height: 200px">
            <div class="h10"></div>
            <div class="h10-3"></div>
            <div class="h10"></div>
            <div class="fenglei_r">
                <div class="fenleir_title3">
                    喜欢榜
                </div>
            </div>
            <div class="right_box">
                <div class="h10"></div>
                <div class="boxr_body">
                    <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                        <#if (likeMusicList?size>0)>
                            <#list likeMusicList as likeMusic>
                                <tr>
                                    <td>
                                        <div class="music_s">
                                            <#if (likeMusic_index < 9)>
                                                <span class="num_${likeMusic_index+1}">0${likeMusic_index+1}</span>
                                            </#if>
                                            <#if (likeMusic_index >= 9)>
                                                <span class="num_${likeMusic_index+1}">${likeMusic_index+1}</span>
                                            </#if>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="music_p">
                                            <p><a href="/djxibo-portal/html/play/${likeMusic.id?c}.html" target="_Pt">${likeMusic.name!''}</a>
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                            </#list>
                        </#if>

                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="h10"></div>
    <template>
        <div id="info">
            <el-dialog title="专辑资料" :visible.sync="infoDialogVisible" :close-on-click-modal="false" width="700px">
                <el-descriptions title="${album.name!'未知'}">
                    <el-descriptions-item label="收藏数量">${album.collectCount?c}</el-descriptions-item>
                    <el-descriptions-item label="点赞数量">${album.likeCount?c}</el-descriptions-item>
                    <el-descriptions-item label="访客数量">${album.visitCount?c}</el-descriptions-item>
                    <el-descriptions-item label="作品数量">${album.musicCount?c}</el-descriptions-item>
                    <el-descriptions-item label="人气">${album.popularity?c}</el-descriptions-item>
                    <el-descriptions-item label="创建时间">${album.createTime!''}</el-descriptions-item>
                    <el-descriptions-item label="音乐更新">${album.musicUpdateTime!''}</el-descriptions-item>
                    <el-descriptions-item label="专辑描述">${album.description!'暂无'}</el-descriptions-item>
                </el-descriptions>
            </el-dialog>
        </div>
    </template>
    <template>
        <el-dialog title="音乐收藏" :visible.sync="boxMusicDialogVisible" :close-on-click-modal="false" width="400px">
            <el-dialog title="新建歌单" :visible.sync="boxDialogVisible" :close-on-click-modal="false" width="380px" append-to-body top="40vh" style="margin-right: 5px;">
                <el-form ref="boxDataForm" :rules="boxRules" :model="boxTemp">
                    <el-form-item label="" label-width="10px" prop="name">
                        <el-input v-model="boxTemp.name" placeholder="请输入歌单名称" maxlength="16" show-word-limit autocomplete="off" style="width: 97%;" id="gd_i"></el-input>
                    </el-form-item>
                </el-form>
                <div slot="footer" class="dialog-footer">
                    <el-button @click="boxDialogVisible = false">取 消</el-button>
                    <el-button type="primary" :loading="boxIsLoading" @click="boxCreate">创 建</el-button>
                </div>
            </el-dialog>

            <el-table
                    v-loading="boxLoading"
                    element-loading-text="拼命加载中"
                    element-loading-spinner="el-icon-loading"
                    ref="singleTable"
                    :data="boxList"
                    highlight-current-row
                    @current-change="handleCurrentChange"
                    style="width: 100%"
                    height="290">
                <el-table-column
                        label="收藏至">
                    <template slot-scope="scope">
                        <img style="width: 40px; height: 40px; border-radius: 5px;" :src="scope.row.cover" alt=""/>
                        <span style="margin-left: 10px">{{ scope.row.name }}（{{ scope.row.musicCount }}）</span>
                    </template>
                </el-table-column>
            </el-table>
            <div style="margin-top: 20px">
                <el-button icon="el-icon-plus" @click="handleBoxCreate">新建歌单</el-button>
            </div>

            <div slot="footer" class="dialog-footer">
                <el-button @click="boxMusicDialogVisible = false">取 消</el-button>
                <el-button type="primary" :loading="boxMusicIsLoading" @click="boxMusicCreate">确 定</el-button>
            </div>
        </el-dialog>
    </template>
</div>
<!--body结束-->
<!--底部-->
<div id="bottom">
    <div class="h15"></div>
    <div class="h15"></div>
    <div id="bottom_d2">
        <p>声明：DJ细波舞曲网是一个 DJ 分享与交流的平台,站内所有DJ舞曲均由网友上传并提供DJ试听与DJ下载，其版权为DJ作者或DJ所属公司拥有</p>
        <p>如果本站会员上传的某一首DJ舞曲侵犯到了您的权益请来信告知，我们会在3个工作日之内删除。 管理邮箱：kefu@djxibo.com</p>
        <p>Copyright © 2002-2019 www.djxibo.com All Rights Reserved 苏ICP备16062544号-1</p>
    </div>
</div>
<script type="text/javascript" src="../../js/common.js"></script>
<script type="text/javascript" src="../../js/album.js"></script>
<script>
    addPopularity("${album.id?c}");
    pageData(${musicPage.total?c}, ${musicPage.current?c}, ${musicPage.size?c});
</script>


<style type="text/css">
    .el-pager li {
        padding: 0 0;
        background: #1f2432;
        font-size: 13px;
        min-width: 35.5px;
        height: 28px;
        line-height: 28px;
        box-sizing: border-box;
        color: #aaaaaa;
    }
    .el-pagination button:disabled {
        color: #606266;
        background-color: #1f2432;
        cursor: not-allowed;
    }
    .el-pagination .btn-next, .el-pagination .btn-prev {
        background: center center no-repeat #1f2432;
        background-size: 16px;
        cursor: pointer;
        margin: 0;
        color: #aaaaaa;
    }
    .el-input__inner {
        -webkit-appearance: none;
        background-color: #1f2432;
        border-radius: 4px;
        border: 1px solid #606266;
        box-sizing: border-box;
        color: #aaaaaa;
        display: inline-block;
        font-size: inherit;
        height: 40px;
        line-height: 40px;
        outline: 0;
        padding: 0 15px;
        transition: border-color .2s cubic-bezier(.645,.045,.355,1);
        width: 100%;
    }

    .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
        margin: 0 0;
        background-color: unset;
        color: #aaaaaa;
        min-width: 30px;
        border-radius: 2px;
    }

    .el-pager li.btn-quicknext, .el-pager li.btn-quickprev {
        line-height: 28px;
        color: #aaaaaa;
    }
    .el-pager li:hover {
        color: #409eff;
    }
    /*多选框*/

    .l_fenlei_2 {
        width: 980px;
        height: 30px;
        overflow: hidden;
        background-color: #1b1b1b;
    }
    .l_m_n .l_m_n_t .p2 {
        line-height: 27px;
        color: #888888;
        font-size: 11px;
        float: left;
    }
    .el-loading-mask {
        position: absolute;
        z-index: 2000;
        background-color: unset;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        margin: 0px;
        transition: opacity 0.3s ease 0s;
    }
    .el-select .el-input {
        width: 90px;
    }
    input-group__prepend .el-input {
        font-size: inherit;
        width: 90px;
        border: 1px solid #606266;
    }
    .input-with-select .el-input-group__prepend {
        background-color: #fff;
    }
    .el-input-group--append .el-input__inner, .el-input-group__prepend {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        width: 260px;
        background-color: #262626;
    }
    .el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner {
        border-color: #1f2432;
        background-color: #262626;
        color: inherit;
        border-top: 0;
        border-bottom: 0;
        width: 90px;
        height: 38px;
    }
    .el-input-group__append, .el-input-group__prepend {
        background-color: #262626;
        color: #909399;
        vertical-align: middle;
        display: table-cell;
        position: relative;
        border: 1px solid #606266;
        border-radius: 4px;
        padding: 0 20px;
        width: 1px;
        white-space: nowrap;
    }
    [class*=" el-icon-"], [class^=el-icon-] {
        font-family: element-icons!important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: baseline;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: -5px;
    }
    .el-pagination__jump {
        margin-left: 0;
        font-weight: 400;
        color: #606266;
    }
    .el-pagination.is-background.el-pagination--small .btn-next, .el-pagination.is-background.el-pagination--small .btn-prev, .el-pagination.is-background.el-pagination--small .el-pager li {
        margin: 0 0;
        min-width: 22px;
    }
    .item {
        margin-top: 10px;
        margin-right: 25px;
        margin-left: 5px;
    }
    .el-badge__content {
        border-radius: 10px;
        color: #FFF;
        display: inline-block;
        font-size: 12px;
        height: 18px;
        line-height: 18px;
        padding: 0 6px;
        text-align: center;
        white-space: nowrap;
        border: 0 solid #FFF;
    }
    .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
        border-bottom: 0 solid #EBEEF5;
    }
    .el-dialog__body {
        padding: 0 10px;
        color: #606266;
        font-size: 14px;
        word-break: break-all;
    }
    #info .el-dialog__body {
        padding: 30px 20px;
        color: #606266;
        font-size: 14px;
        word-break: break-all;
    }
    .el-table .el-table__cell {
        padding: 5px 0;
        min-width: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-overflow: ellipsis;
        vertical-align: middle;
        position: relative;
        text-align: left;
    }
    #gd_i {
        background-color: #fff;
        color: #606266;
    }
</style>
</body>
</html>
